import axios from "axios"
import { useUserStore } from "@/store/modules/user"
import { useWebInfoStore } from "@/store/modules/webInfo"
import { ElMessage } from "element-plus"
import router from "@/router/index"

const request = axios.create({
  baseURL: "/api",
  timeout: 5000
})

// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const userStore = useUserStore()
    const webInfoStore = useWebInfoStore()

    // 管理后台接口：添加token
    const token = userStore.token
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }

    // 前台接口：动态添加username到URL
    // 例如：/web/index -> /web/username/index
    // 排除公开接口和认证接口
    if (config.url &&
        config.url.startsWith("/web/") &&
        !config.url.startsWith("/web/auth") &&
        !config.url.startsWith("/web/public")) {
      const username = webInfoStore.currentWebUsername
      if (username) {
        // 在 /web/ 后面插入用户名
        config.url = config.url.replace("/web/", `/web/${username}/`)
      }
    }

    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 提取token
    const userStore = useUserStore()
    const token = response.headers.token
    if (token) {
      userStore.setUserToken(token)
    }
    // 对响应数据做点什么
    return response.data
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数
    const userStore = useUserStore()
    // token过期
    if (error.response.status === 401) {
      ElMessage.warning("登录状态已过期，请重新登录")
      userStore.resetToken()
      return router.push("/login")
    }
    if (error.response.status === 400) {
      ElMessage.error(error.response.data.message)
    } else {
      ElMessage.error("系统错误")
    }

    // 对响应错误做点什么
    console.log(error)

    return Promise.reject(error)
  }
)

export default request
